<!--<!DOCTYPE html>-->
<!--<html lang="en">-->
<!--<head>-->
<!--    <meta charset="UTF-8">-->
<!--    <title>Title</title>-->
<!--</head>-->
<!--<body>-->
<!--   <div class="container" style="margin-top: 20px; background-color:white; padding: 20px ">-->
<!--        <div class="row form-group">-->
<!--            <label for="headline" class="col-1">文章标题</label>-->
<!--            <input type="text" class="col-11" id="headline"/>-->
<!--        </div>-->
<!--       <div class="row">-->
<!--           <script id="content" name="content" type="text/plain">-->
<!--           </script>-->
<!--       </div>-->
<!--       <div class="row form-group" style="margin-top: 20px; padding-top: 10px;">-->
<!--           <label for="type" class="col-1">类型：</label>-->
<!--           <select class="form-control col-2" id="type">-->
<!--               <option value="1">PHP开发</option>-->
<!--               <option value="2">Java开发</option>-->
<!--               <option value="3">Python开发</option>-->
<!--               <option value="4">Web前端</option>-->
<!--               <option value="5">测试开发</option>-->
<!--               <option value="6">数据科学</option>-->
<!--               <option value="7">网络安全</option>-->
<!--               <option value="8">蜗牛杂谈</option>-->
<!--           </select>-->
<!--           <label class="col-1"></label>-->
<!--           <label for="credit" class="col-1">积分：</label>-->
<!--           <select class="form-control col-2" id="credit">-->
<!--               <option value="0">免费</option>-->
<!--               <option value="1">1分</option>-->
<!--               <option value="2">2分</option>-->
<!--               <option value="5">5分</option>-->
<!--               <option value="10">10分</option>-->
<!--               <option value="20">20分</option>-->
<!--               <option value="50">50分</option>-->
<!--           </select>-->
<!--           <label class="col-1"></label>-->
<!--           <button class="form-control btn-default col-2">保存草稿</button>-->
<!--           <button class="form-control btn-primary col-2">发布文章</button>-->
<!--       <select/>-->
<!--       </div>-->
<!--   </div>-->
<!--   -->
<!--<script type="text/javascript" src="/ue/ueditor.config.js"></script>-->
<!--<script type="text/javascript" src="/ue/ueditor.all.min.js"> </script>-->
<!--<script type="text/javascript" src="/ue/lang/zh-cn/zh-cn.js"></script>-->
<!--<script type="text/javascript">-->
<!--    var ue = UE.getEditor('comment', {-->
<!--        initialFrameHeight: 400,             //编辑器初始高度-->
<!--        autoHeightEnabled: true,             //根据内容自动调整高度-->
<!--        toolbars: [ [                        //指定工具栏图标-->
<!--                     'fontfamily',           //字体-->
<!--                     'fontsize',             //字号-->
<!--                     'paragraph',            //段落格式-->
<!--                     '|',                    //可利用竖线作为工具栏分隔符-->
<!--                     'justifyleft',          //居左对齐-->
<!--                     'justifycenter',        //居中对齐-->
<!--                     'justifyright',         //居右对齐-->
<!--                     'forecolor',            //字体颜色-->
<!--                     'bold',                 //加粗-->
<!--                     '|',-->
<!--                     'formatmatch',          //格式刷-->
<!--                     'horizontal',           //分隔线-->
<!--                     'link',                 //超链接-->
<!--                     'unlink',               //取消超链接-->
<!--                     'simpleupload',         //单图上传-->
<!--                     'insertimage',          //多图上传-->
<!--                     'emotion',              //表情-->
<!--                     'spechars',             //特殊字符-->
<!--                     '|',-->
<!--                     'fullscreen',           //全屏-->
<!--                     'autotypeset',          //自动排版-->
<!--                     'removeformat',         //清除格式-->
<!--                     'insertcode',           //代码语言-->
<!--               ] ]-->
<!--    });-->
<!--</script>-->
<!--</body>-->
<!--</html>-->
{% extends 'base.html' %}
{% block content %}
<style>
    .form-control{
        width: 15%;
    }
    .col-1 {
        text-align: center;
        line-height: 38px;
    }
    .col-11 {
        margin-bottom: 20px;
    }
    .col-2 {
        text-align: center;
    }
    .row > * {
        padding-left: 0;
        padding-right: 0;
    }
</style>
<script type="text/javascript" src="/ue/ueditor.config.js"></script>
<script type="text/javascript" src="/ue/ueditor.all.min.js"></script>
<script type="text/javascript" src="/ue/lang/zh-cn/zh-cn.js"></script>

<script type="text/javascript">
    var ue= UE.getEditor('content', {
            initialFrameHeight: 400,
            autoHeightEnabled: true,
            serverUrl: '/uedit',
        });
</script>

<div class="container" style="">
    <div class="row form-group">
        <label for="headline" class="col-1">文章标题</label>
        <input type="text" class="col-11" id="headline"/>
    </div>
    <div class="row">
        <script id="content" name="content" type="text/plain">
        </script>
    </div>
    <div class="row form-group" style="">
        <label for="type" class="col-1">类型：</label>
        <select class="form-control col-2" id="type">
            <option value="1">PHP开发</option>
            <option value="2">Java开发</option>
            <option value="3">Python开发</option>
            <option value="4">Web前端</option>
            <option value="5">测试开发</option>
            <option value="6">数据科学</option>
            <option value="7">网络安全</option>
            <option value="8">蜗牛杂谈</option>
        </select>
        <label class="col-1"></label>
        <label for="credit" class="col-1">积分：</label>
        <select class="form-control col-2" id="credit">
            <option value="0">免费</option>
            <option value="1">1分</option>
            <option value="2">2分</option>
            <option value="5">5分</option>
            <option value="10">10分</option>
            <option value="20">20分</option>
            <option value="50">50分</option>
        </select>
        <label class="col-1"></label>
        <button class="form-control btn-default col-2">保存草稿</button>
        <button class="form-control btn-primary col-2" onclick="doUserPost()">发布文章</button>
        </select>
    </div>
</div>

<script>
    function doUserPost() {
        //获取相关数据
        var headline = $("#headline").val().trim();
        var contentPlain = UE.getEditor("content").getContentTxt();
        var type = $("#type").val();
        var credit = $("#credit").val();
        //拼接相关的函数
        var param = "headline="+headline;
        param += "&credit="+credit;
        param += "&type="+type;
        param += "&content="+contentPlain;
        $.post('/add_article', param, function (data) {
          if(data == "OK"){
              location.href = "/";
          }else{
              alert("文章发布失败");
          }
        })
    }




</script>

{% endblock %}